<template>
  <component :is="coms[currentLink]" />
</template>
<script setup lang="ts">
import { useGlobalStore } from '@/stores';
import MultipleBar from './multiple-bar.vue';
import MultipleRound from './multiple-round.vue';
import SingleCard from './single-card.vue';
import { computed, type Component } from 'vue';

const global = useGlobalStore()
const coms: { [key: string]: Component } = {
  'card': SingleCard,
  'bar': MultipleBar,
  'button': MultipleRound
}
const currentLink = computed(() => global.config?.navigation?.link || 'card')


</script>